<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">

<head>

  <meta charset="UTF-8">

  <title>添加信息</title>

  <style>
    * {
      margin: 0;
      padding: 0;
      box-sizing: border-box;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      -webkit-font-smoothing: antialiased;
      -moz-font-smoothing: antialiased;
      -o-font-smoothing: antialiased;
      font-smoothing: antialiased;
      text-rendering: optimizeLegibility;
    }

    body {
      font-family: "Open Sans", Helvetica, Arial, sans-serif;
      font-weight: 300;
      font-size: 12px;
      line-height: 30px;
      color: #777;
      background: #0CF;
    }

    .container {
      max-width: 400px;
      width: 100%;
      margin: 0 auto;
      position: relative;
    }

    #contact input[type="text"],
    #contact input[type="text"],
    #contact input[type="password"],
    #contact input[type="text"],
    #contact input[type="text"],
    #contact button[type="submit"] {
      font: 400 12px/16px "Open Sans", Helvetica, Arial, sans-serif;
    }

    #contact {
      background: #F9F9F9;
      padding: 25px;
      margin: 5px 0;
    }

    #contact h3 {
      color: #F96;
      display: block;
      font-size: 30px;
      font-weight: 400;
    }

    #contact h4 {
      margin: 5px 0 15px;
      display: block;
      font-size: 13px;
    }

    fieldset {
      border: medium none !important;
      margin: 0 0 10px;
      min-width: 100%;
      padding: 0;
      width: 100%;
    }

    #contact input[type="text"],
    #contact input[type="text"],
    #contact input[type="password"],
    #contact input[type="text"],
    #contact input[type="text"] {
      width: 100%;
      border: 1px solid #CCC;
      background: #FFF;
      margin: 20px 0 5px;
      padding: 10px;
    }

    #contact input[type="text"]:hover,
    #contact input[type="text"]:hover,
    #contact input[type="password"]:hover,
    #contact input[type="text"]:hover,
    #contact input[type="text"]:hover {
      -webkit-transition: border-color 0.3s ease-in-out;
      -moz-transition: border-color 0.3s ease-in-out;
      transition: border-color 0.3s ease-in-out;
      border: 1px solid #AAA;
    }



    #contact button[type="submit"] {
      cursor: pointer;
      width: 40%;
      border: none;
      background: #0CF;
      color: #FFF;
      margin: 0 0 5px;
      margin-left: 95px;
      padding: 10px;
      font-size: 15px;
    }

    #contact button[type="submit"]:hover {
      background: #09C;
      -webkit-transition: background 0.3s ease-in-out;
      -moz-transition: background 0.3s ease-in-out;
      transition: background-color 0.3s ease-in-out;
    }

    #contact button[type="submit"]:active {
      box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.5);
    }

    #contact input:focus,
    #contact textarea:focus {
      outline: 0;
      border: 1px solid #999;
    }

    ::-webkit-input-placeholder {
      color: #888;
    }

    :-moz-placeholder {
      color: #888;
    }

    ::-moz-placeholder {
      color: #888;
    }

    :-ms-input-placeholder {
      color: #888;
    }
  </style>
</head>

<body>

  <div class="container">
    <form id="contact" th:action="@{/manager/insert}" th:method="post">
      <h3>添加信息</h3>
      <h4>Contact us today, and get reply with in 24 hours!</h4>

      <fieldset>
        <input placeholder="Your name" type="text" name="manager_name" tabindex="2" required>
      </fieldset>
      <fieldset>
        <input placeholder="Your passsword" type="password" name="manager_pwd" tabindex="3" required>
      </fieldset>
      <fieldset>
        <input placeholder="Your status" type="text" name="manager_status" tabindex="4" required>
      </fieldset>
      <fieldset>
        <input placeholder="Your role" type="text"name="manager_role" tabindex="4" required>
      </fieldset>

      <fieldset>
        <button name="submit" type="submit" id="contact-submit" data-submit="...Sending">Submit</button>
      </fieldset>
    </form>

  </div>
  <div style="text-align:center;clear:both">
    <script src="/gg_bd_ad_720x90.js" type="text/javascript"></script>
    <script src="/follow.js" type="text/javascript"></script>
  </div>
</body>

</html>